import React, { Component } from 'react'


import { NavBar, Icon, Toast } from 'antd-mobile';


import { withRouter } from 'react-router-dom'


import PropTypes from 'prop-types'


import  './NavHeader.css'

class NavHeader extends Component {



    // 由于头部的左侧按钮不一定是返回上一个页面的功能，
    // 所以我们需要把左侧点击逻辑处理需要通过父组件传递进来，
    // 如果说外界传递了，那么我们就直接使用外界的行为，如果没有传递，那么就用默认的行为
    defaultHandler = () => {
        this.props.history.go(-1)
    }
    render() {
        return (

            <NavBar className='navBar'

            onLeftClick={this.props.onLeftClick ||  this.defaultHandler}
                // onLeftClick={this.navBack} 
                
                mode="dark"
                icon={<i className='iconfont icon-back'></i>}
            >
                {/* {this.props.title} */}

                {this.props.children}

  
            </NavBar>

        )
    }
}



NavHeader.propTypes = {
    children: PropTypes.string.isRequired,
    onLeftClick:PropTypes.func
}


export default withRouter(NavHeader)